// button----------------------------------------------------------------------
.el-blue-button {
  border-radius: 0;
  background: url(../img/buttonBg.png) center center no-repeat!important;
  color: white;
  border: none;
  background-size: 100% 100%!important;
  .el-blue-button:hover {
    color: rgb(0, 202, 253)!important;
  }
}

// table ----------------------------------------------------------------------
.el-table__header {
  background-color: rgb(35, 39, 61);
  .has-gutter {
    tr {
      th {
        div {
          color: white;
        }
      }
    }
  }
}
.el-table {
  color: white;
  background-color: rgb(35, 39, 61);
  border: none;
  max-height: 64vh;
  .el-table-column--selection {
    .cell {
      padding-left: 14px;
    }
  }
  .textButton {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 24px;
  }
  th,
  td{
    color: white;
    padding: 10px 0;
    border:none;
      .el-input__inner{
        color: white;
      }
  }

  tr,
  th{
    background-color: rgb(35, 39, 61);
    border:none;
  }
  td {
    background-color: rgb(35, 39, 61);
    //border:0.7px solid white;
    border:none;
    color: white;
  }
}
.el-table--enable-row-hover .el-table__body tr:hover>td {
  background-color: rgba($color: #060920, $alpha: 0.4);
  border: 1px solid white;
  //border-right: 1px solid white;
  //border: none;
}
.el-table td, .el-table th.is-leaf {
  border: 1px solid white;
}
.el-table tr, .el-table th {
  border: 1px solid white;
}
.el-table thead.is-group th {
  background:rgb(35, 39, 61);
}
.el-table__body tr.current-row > td{
  background:rgb(35, 39, 61);
  border: 1px solid white;
}
.el-table--border::after, .el-table--group::after, .el-table::before {
  z-index: 0;
}
.el-table--border::after, .el-table--group::after {
  top: 0;
  right: 0;
  width: 0;
  height: 100%;
}

// tabs ---------------------------------------------------
.el-tabs {
  background-color: rgb(35, 39, 61);
  border: none;
}
.el-tabs__nav-scroll {
  background-color: rgb(35, 39, 61);
}
.el-tabs__item {
  background-color: rgb(30, 52, 90);
}
.el-tabs--border-card>.el-tabs__header .el-tabs__item.is-active {
  color: white;
  background-color: rgb(0, 128, 255);
  border-right-color:  rgb(0, 128, 255);
  border-left-color:  rgb(0, 128, 255);
}

.el-input__inner {
  color: white;
  background-color: rgb(35, 39, 61);
}

.el-upload-list--picture .el-upload-list__item {
  background-color: rgb(35, 39, 61);
}

.el-card__body {
  background-color: rgb(35, 39, 61);
  color: white;
}

// dialog 公共样式-----------------------------------------
.el-dialog {
  background: linear-gradient(to right, rgb(35, 39, 61),rgb(4, 23, 43),rgb(35, 39, 61));
  //text-align: center;
  padding: 0 5px 5px 5px;
  border: 2px solid rgb(35, 39, 61);
  .el-form-item {
    margin-bottom: 20px;
  }
  .el-dialog__body {
    height: 600px;
    background: rgb(35, 39, 61);
  }
  .el-dialog__header {
    position: relative;
    text-align: left;
    padding-top: 10px;
    .el-dialog__title {
      color: white;
    }
  }
  .el-dialog__header::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5px;
    border-radius: 5px;
    width: 6px;
    height: 50%;
    background-color: rgb(0, 209, 97);
  }
  .el-dialog__headerbtn {
    border: 1px solid white;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    top: 15px;
  }
  .el-dialog__headerbtn .el-dialog__close {
    vertical-align: text-bottom;
    color: white;
  }
  .el-dialog__footer {
    background: rgb(35, 39, 61);
    text-align: center;
  }
  .el-form-item__label {
    color: white;
  }
  .row_margin_bottom {
    margin-bottom: 20px;
  }
}

// el-message 公共样式-----------------------------------------
.el-message--success {
  top: 80px !important;
  background-color: rgba(0, 128, 255,0.2)
}

.el-message .el-icon-success {
  color: white;
}

.el-message--success .el-message__content {
  font-size: 15px;
  color: white;
}

.el-message--info {
  top: 80px !important;
  background-color: rgba(0, 128, 255,0.2)
}

.el-message .el-icon-info {
  color: white;
}

.el-message--info .el-message__content {
  font-size: 15px;
  color: white;
}

.el-message--info {
  top: 80px !important;
  background-color: rgba(0, 128, 255,0.2)
}

.el-message .el-icon-info {
  color: white;
}

.el-message--info .el-message__content {
  font-size: 15px;
  color: white;
}

.el-message--error {
  top: 80px !important;
  background-color: rgba(0, 128, 255,0.2)
}

.el-message .el-icon-error {
  color: white;
}

.el-message--error .el-message__content {
  font-size: 15px;
  color: white;
}


//分页样式
.el-pagination.is-background .btn-next, .el-pagination.is-background .btn-prev, .el-pagination.is-background .el-pager li {
  margin: 0 5px;
  background-color: #f4f4f5;
  color: #606266;
  min-width: 30px;
  border-radius: 2px;
}
.el-pagination.is-background .el-pager li:not(.disabled).active {
  background-color: rgba(0, 128, 255,0.2);
  color: #FFF;
}

.el-radio__label {
  display: none;
}